// 定义食物类
export default class Food {
    // 定义一个属性表示食物所对应的元素
    private element: HTMLElement;
    constructor() {
        // document获取元素有可能为空
        // 后面一个！表示获取的元素一定不为空，消除TS的警告
        this.element = document.getElementById('food')!;
    }


    // 获取食物坐标
    get position() {
        return {
            leftX: this.element.offsetLeft,
            topY: this.element.offsetTop
        };
    }

    // 设置食物坐标
    set position(posObj: { leftX: number, topY: number }) {
        const { leftX, topY } = posObj;
        this.element.style.left = leftX + 'px';
        this.element.style.top = topY + 'px';
    }

    showFood(msg:string){
        this.element.style.display=msg;
    }
}
